<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>

    <link href="../../css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="../../js/jquery2.js"></script>
    <script type="text/javascript" src="../../js/jquery.js"></script>
    <script type="text/javascript" src="../../js/vue.js"></script>
    <script type="text/javascript" src="../../js/axios.min.js"></script>
    <script type="text/javascript" src="../../js/statis/sales/salesStatis.js"></script>

</head>

<body>
<div class="place"><span>位置：</span>
    <ul class="placeul">
        <li>数据统计</li>
        <li>客户销量统计</li>
        <li>基本内容</li>
    </ul>
</div>
<div class="rightinfo">
    <form action="" method="post">
        <ul class="tools">
            <li> 所属区域：
                <select id="province">
                    <option>请选择省份</option>
                    <option>江西</option>
                    <option>江苏</option>
                    <option>广东</option>
                    <option>安徽</option>
                    <option>浙江</option>
                </select>
                <select id="city1">
                    <option>请选择城市</option>
                </select>
            </li>
            <li> 客户姓名:
                <input type="text" id="customName"/>
            </li>
            <li> 时间:
                <label for="date1"><input type="date" id="date1" name="date1"/></label>-<label for="date2"><input
                        type="date" id="date2"/></label>
            </li>

            <li class="subBut" id="chatMoreByCondition"><img src="../../images/t06.png"/>查询
            </li>
        </ul>
        <table class="tablelist">
            <thead>
            <tr>
                <th>序号</th>
                <th>客户姓名</th>
                <th>所属区域</th>
                <th>订购单数量</th>
                <th>金额</th>
                <th>订购单明细</th>
            </tr>
            </thead>
            <tbody id="tbList">
            </tbody>
        </table>
        <div class="pagin">
            <div class="message">共<i class="blue" id="pagesNum"></i>条记录，当前显示第&nbsp;<i class="blue"></i>页
            </div>
            <ul class="paginList" >
<!--                <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>-->
<!--&lt;!&ndash;                <li><input type="text" name="" id="pageSelect"></li>&ndash;&gt;-->
<!--                <li class="paginItem"><a href="javascript:;"></a></li>-->
<!--                <li class="paginItem current"><a href="javascript:;">2</a></li>-->
<!--                <li class="paginItem"><a href="javascript:;">3</a></li>-->
<!--                <li class="paginItem"><a href="javascript:;">4</a></li>-->
<!--                <li class="paginItem"><a href="javascript:;">5</a></li>-->
<!--                <li class="paginItem more"><a href="javascript:;">...</a></li>-->
<!--                <li class="paginItem"><a href="javascript:;">10</a></li>-->
<!--                <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>-->
            </ul>
        </div>
    </form>
</div>
</body>
</html>
<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');

</script>